// 组件库主题色重定义
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': #5a3e2f,
      // 深棕主色（传统建筑色调）
    ),
    'success': (
      'base': #8ba892,
      // 青绿色（象征传承）
    ),
    'warning': (
      'base': #b86d65,
      // 朱砂红（传统警示色）
    ),
    'danger': (
      'base': #9c574f,
      // 深红棕色（传统危险色）
    ),
    'error': (
      'base': #8b2922,
      // 暗红色（传统错误色）
    ),
    'info': (
      'base': #7a9aae,
      // 青灰色（辅助信息色）
    ),
  ),

  // 按钮样式优化
  $button: (
      'border-radius': 6px,
      'bg-color': (
        #f5efe6,
      ),
      // 米白底色
      'text-color': (
          #5a3e2f,
        ),
      // 深棕文字
      'hover-bg-color': (
          #e4d8c8,
        ),
      // 浅米悬停
      'active-bg-color': (
          #d6c8b8,
        ),
      'disabled-bg-color': (
        #f8fafc,
      ),
      'hover-text-color': (
        #5a3e2f,
      ),
    ),

  // 输入框样式
  $input: (
      'bg-color': (
        #fffaf3,
      ),
      // 宣纸底色
      'border-color': (
          #d6c8b8,
        ),
      // 浅棕边框
      'hover-border-color': (
          #8b6152,
        ),
      // 深棕悬停
      'focus-border-color': (
          #5a3e2f,
        ),
    ),

  // 弹窗样式
  $dialog: (
      'bg-color': (
        #f5efe6,
      ),
      // 米白底色
      'title-color': (
          #5a3e2f,
        ),
      // 深棕标题
      'border-radius': 10px,
    ),

  // 消息提示
  $message: (
      'bg-color': rgba(245, 239, 230, 0.9),
      // 半透米色
      'border-color': #d6c8b8,
    )
);
